<template>
    <div id="equipmentType">
<!--        标题栏-->
        <el-row :gutter="-5" class="row_1">
            <el-col :span="6" class="col_1">
                <el-button class="el-icon-menu" size="medium">设备类型</el-button>
            </el-col>
        </el-row>
<!--        树形控件区域-->
        <div class="tree">

        </div>

    </div>
</template>

<script>
    export default {
        name: "equipmentType",
        data(){
            return{
                equipmentTypeData:[],
                queryInfoType:{
                    type:'',
                    brand:'',
                    model:'',
                    page:1,
                    limit:10,
                }

            }
        },
        created() {
            this.getEquipmentTypeData();
        },
        methods:{
            async getEquipmentTypeData(){
                const {data:res}=this.$http.get("type",{params:this.queryInfoType});
                console.log(res);
            }
        }

    }
</script>

<style lang="less" scoped>
    .row_1 {
        margin-left: 11px;
        /*background: blue;*/
        border-bottom: 2px solid #cccccc;
        /*position: relative;*/
        .col_1 {
            margin: 15px 0 15px 20px;

            span {
                font-size: 15px;

            }
            .el-icon-s-custom{
                margin-right: 15px;
                font-size: 25px;
            }
        }
    }
    .tree{
        width: 1000px;
        height: 30px;
        background: blue;
        position: absolute;
        top: 150px;
        left:900px;
        transform: translate(-50%,-50%);
    }
</style>
